
import React from 'react'
import {View,Text,StyleSheet,Image} from 'react-native'

export default class Setting extends React.Component{

    static navigationOptions = ({navigation}) =>({
        title:'设置'
    })


    render(){
        return(
            <View>
                <SettingItem itemName='实名认证'/>
                <SettingItem itemName='关于'/>
                <SettingItem itemName='联系我们'/>
            </View>
        )
    }

}

class SettingItem extends React.Component{

    render(){
        return(
            <View style={styles.setItemRl}>
                <Text>{this.props.itemName}</Text>
            </View>
        )
    }
}

const styles = StyleSheet.create({
    setItemRl:{
        width:'100%',height:52,backgroundColor:'#fff',borderBottomColor:'#cfcfcf',borderBottomWidth:0.5,
        flexDirection:'row',justifyContent:'space-between',alignItems:'center'
    },
    setItemTv:{
        fontSize:14,
        color:'#333',
        paddingLeft:16
    }
})